<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>

	<link rel="stylesheet" type="text/css" href="/resources/docs/assets/css/normalize.css" media="screen">
	<link rel="stylesheet" type="text/css" href="/resources/docs/assets/css/bootstrap.min.css" media="screen">
	<link rel="stylesheet" type="text/css" href="/resources/docs/assets/css/frappe_theme.css" media="screen">
	<link rel="stylesheet" type="text/css" href="/resources/docs/assets/css/index.css" media="screen">
	<link rel="stylesheet" type="text/css" href="/resources/docs/assets/css/default.css" media="screen">
	<link rel="stylesheet" href="/resources/css/bootstrap.min.css"/>
	<script src="/resources/js/jquery-1.4.4.min.js"></script>
	<script src="/resources/js/bootstrap.min.js"></script>

	<script src="/resources/docs/assets/js/highlight.pack.js"></script>

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="/resources/js/superslide.2.1.js"></script>

<style type="text/css">		
*{margin:0;padding:0;list-style:none;}
body{background:#fff;font:normal 12px/22px 宋体;width:100%;}
img{border:0;}
a{text-decoration:none;color:#333;}
a:hover{color:#1974A1;}
/* slider */
.slider{width:100%;min-width:980px;height:335px;position:relative;overflow:hidden;background:#fff;text-align:center;}
.slider .bd{width:980px;position:absolute;left:50%;margin-left:-490px}
.slider .bd li{width:980px;overflow:hidden;}
.slider .bd li img{display:block;width:980px;height:335px;}
.slider .tempWrap{overflow:visible !important}
.slider .tempWrap ul{margin-left:-980px !important;}
.slider .hd{position:absolute;width:100%;left:0;z-index:1;height:8px;bottom:20px;text-align:center;}
.slider .hd li{display:inline-block;*display:inline;zoom:1;width:8px;height:8px;line-height:99px;overflow:hidden;background:url(images/slider-btn.png) 0 -10px no-repeat;margin:0 5px;cursor:pointer;filter:alpha(opacity=60);opacity:0.6;}
.slider .hd li.on{background-position:0 0;filter:alpha(opacity=100);opacity:1;}
.slider .pnBtn{position:absolute;z-index:1;top:0;width:100%;height:335px;cursor:pointer;}
.slider .prev{left:-50%;margin-left:-490px;}
.slider .next{left:50%;margin-left:490px;}
.slider .pnBtn .blackBg{display:block;position:absolute;left:0;top:0;width:100%;height:335px;background:#000;filter:alpha(opacity=50);opacity:0.5;}
.slider .pnBtn .arrow{display:none;position:absolute;top:0;z-index:1;width:60px;height:335px;}
.slider .pnBtn .arrow:hover{filter:alpha(opacity=60);opacity:0.6;}
.slider .prev .arrow{right:0;background:url(/resources/images/slider-arrow.png) -120px 0 no-repeat;}
.slider .next .arrow{left:0;background:url(/resources/images/slider-arrow.png) 0 0 no-repeat;}
</style>

</head>
<body>

<div class="slider">

	<div class="bd">
		<ul>
			<li><a href="#"><img src="/resources/images/1.png" /></a></li>
			<li><a href="#"><img src="/resources/images/2.png" /></a></li>
			<li><a href="#"><img src="/resources/images/3.png" /></a></li>
			<li><a href="#"><img src="/resources/images/4.png" /></a></li>
		</ul>
	</div>
	
	<div class="hd"><ul></ul></div>
	
	<div class="pnBtn prev"><span class="blackBg"></span><a class="arrow" href="javascript:void(0)"></a></div>
	<div class="pnBtn next"><span class="blackBg"></span><a class="arrow" href="javascript:void(0)"></a></div>
</div>

<h3>统计图</h3>
<div class="container">
	<div class="row hero" style="padding-top: 30px; padding-bottom: 0px;">
		<div class="col-sm-10 push-sm-1 later" style="font-size: 14px;">
			<div id="chart-composite-1" class="border"><svg height=225></svg></div>
		</div>
	</div>
</div>

<br>
<h3>组成员</h3>
<div class="container">
	<div class="row">
		<div class="col-sm-4">
			<div class="thumbnail">
				<img src="/resources/images/tuan.jpg" alt="" style="width: 260px;height:260px;">
				<div class="caption">
					<h2>王超</h2>
					<p>优秀</p>
				</div>
			</div>
		</div>
		<div class="col-sm-4">
			<div class="thumbnail">
				<img src="/resources/images/tx4.jpg" alt="" style="width: 260px;height:260px;">
				<div class="caption">
					<h2>罗帅</h2>
					<p>优秀</p>
				</div>
			</div>
		</div>
		<div class="col-sm-4">
			<div class="thumbnail">
				<img src="/resources/images/tx2.jpg" alt="" style="width: 260px;height:260px;">
				<div class="caption">
					<h2>张璐航</h2>
					<p>优秀</p>
				</div>
			</div>
		</div>
		<div class="col-sm-4 container">
			<div class="thumbnail">
				<img src="/resources/images/458.jpeg" alt="" style="width: 260px;height:260px;">
				<div class="caption">
					<h2>梁海泷</h2>
					<p>优秀</p>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="/resources/docs/assets/js/frappe-charts.min.js"></script>
<script src="/resources/docs/assets/js/index.js"></script>
<script>
    $(function(){
        /*公共部分
         * 导航栏
         * footer CopyRight
         */
        $(".footerpage").load("/tongjitu/index.html");
    });
</script>


<script type="text/javascript">
$(document).ready(function(){
	
	/* 设置第一张图片 */
	$(".slider .bd li").first().before($(".slider .bd li").last());
	
	/* 鼠标悬停箭头按钮显示 */
	$(".slider").hover(function(){
		$(this).find(".arrow").stop(true,true).fadeIn(300)
	},function(){
		$(this).find(".arrow").fadeOut(300)
	});
	
	/* 滚动切换 */
	$(".slider").slide({
		titCell:".hd ul", 
		mainCell:".bd ul", 
		effect:"leftLoop",
		autoPlay:true, 
		vis:3,
		autoPage:true, 
		trigger:"click"
	});

});
</script>

</body>
</html>